<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>风采之星</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, user-scalable=no">
<style type="text/css">
* {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
}

.pic>img {
	width: 100%;
	height: auto;
}

.content {
	width: 85%;
	padding-top: 20px;
	padding-bottom: 15px;
	margin: 0 auto;
	background: #fff;
	position: relative;
	top: -50px;
	border-radius: 2px;
	box-shadow: 1px 1px 27px #868585;
}

.title {
	width: 60%;
	height: 50px;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: middle;
	background: url(images/title_bg.png) no-repeat center center;
	background-size: contain;
}

.title2 {
	width: 60%;
	height: 48px;
	line-height: 48px;
	margin-bottom: 20px;
	text-align: center;
	background: url(images/title_bg2.png) no-repeat center center;
}

.words {
	display: inline-block;
	vertical-align: middle;
}

.titles_list {
	padding-left: 3%;
	margin-bottom: 20px;
}

.titles_list li {
	font-size: 14px;
	color: #050206;
	padding-left: 30px;
	min-height: 30px;
	line-height: 26px;
	background: url(images/time.png) no-repeat;
}

.titles_list li.rule {
	background: url(images/tips.png) no-repeat;
}

.titles_list.titles li {
	min-height: 35px;
	background: url(images/stars.png) no-repeat;
}

.title_p {
	padding-left: 3%;
	margin-bottom: 20px;
}

.btn {
	display: block;
	position: relative;
	bottom: 20px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
</style>
</head>
<body>
	<header class="pic">
		<img src="images/pic_01.png" alt="">
	</header>
	<div class="content">
		<div class="title">
			<img class="words" src="images/words.png" alt="">
		</div>
		<ul class="titles_list">
			<li>
				<p>投票开始时间：2017-09-20 00:00:00</p>
			</li>
			<li>
				<p>投票截止时间：2017-10-10 24:00:00</p>
			</li>
			<li class="rule">
				<p>投票规则:已注册菱悦会会员及认证车主每日可投5票，每日转发一次活动页可多或得1次投票机会。</p>
			</li>
		</ul>
		<div class="title2">
			<img class="words" src="images/rewards.png" alt="">
		</div>
		<p class="title_p">全国七个区域各评选出前三名，共21名参赛选手将获得奖励</p>
		<ul class="titles_list titles">
			<li>
				<p>各个区域排名第一位的参赛选手奖励3000元现金，共 7名参赛选手将获得奖励</p>
			</li>
			<li>
				<p>各个区域排名第二位的参赛选手奖励2000元现金，共 7名参赛选手将获得奖励；</p>
			</li>
			<li class="rule">
				<p>各个区域排名第三位的参赛选手奖励1000元现金，共 7名参赛选手将获得奖励</p>
			</li>
		</ul>
	</div>
	<a class="btn">
		<img src="images/btn.png" alt="">
	</a>
	<script type="text/javascript" src="../ActivityCommon/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../ActivityCommon/js/acivityCommon.js"></script>
	<script type="text/javascript">
		$(function() {
			$('.btn').click(function() {
				myAjax.myJump(rootPath + "/views/gmmcActivity/ServiceStar/vote.html","replace");
			});
		});
	</script>
</body>
</html>